<template>
  <div class="list-view">
        <!-- <van-card num="2" price="2.00" desc="描述信息" title="商品标题" thumb="https://img.yzcdn.cn/vant/t-thirt.jpg" /> -->
        <div v-for="item in list" :key="item.category" :ref="'category'" :categoryid="item.category" :data-title = "item.category">
            <van-card  v-for="goods in item.list" :key="goods.title" :price="goods.price" :desc="goods.alt" :title="goods.title" :thumb="goods.img" >
                <div slot="footer">
                    <van-stepper :goods="goods" :category="item.category"></van-stepper>
                </div>
            </van-card>
        </div>
  </div>
</template>

<style scoped lang='stylus'  rel='stylesheet/stylus'>
    .list-view
        max-height:100%
        overflow-y:auto
        text-align:left
</style>
<script>
import  Stepper  from './stepper.vue'
import { Card } from 'vant'
export default {
    data:()=>({
        value:[]
    }),
    components:{
        vanCard:Card,
        vanStepper:Stepper
    },
    computed:{
        select(val){console.log(val)}
    },
    props:{
        list:Array
    }
}

</script>